<!doctype html>
<html>
<head>
<title>{$seo_title}</title>
<meta name="keywords" content="{$seo_keywords}" />
<meta name="description" content="{$seo_description}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="__PUBLIC__/statics/mobile/css/styles.css" rel="stylesheet">
<script  src="__PUBLIC__/statics/mobile/js/jquery.js" type="text/javascript" ></script>
<script src="__PUBLIC__/statics/mobile/js/swipe.js"></script>

<script>
$(document).ready(function(){
	$('#nav_btn').click(function(){
		
		$('#site_nav').slideToggle();return false;
	});
	
	$('#site_nav_top').click(function(){
		$('#site_nav').slideUp();
	});
	
	
	$('#play li').each(function(){
		$('.ban-position').append('<canvas height="20" width="20"></canvas>');
	});
	$('.ban-position canvas').eq(0).attr('class','canvas-on');
	$("#play_wrap").Swipe({
			auto: 4000,
 			continuous: true,
			disableScroll:false,
			callback: function(index, elem) {
				$(".ban-position canvas").eq(index).addClass("canvas-on").siblings("canvas").removeClass("canvas-on");
				}
	});
	
});
</script>
</head>

<body>

<div id="wrap">
	<div id="site_nav">
		<img id="site_nav_top" src="__PUBLIC__/statics/mobile/images/site_nav_top.png" />
		<ul id="site_nav_list">
				<li><a href="{$siteUrl}">首页</a></li>
			<?php $cate = get_category(0,1); ?>
			<?php foreach($cate as $value){ ?>
				<li><a href="{$Think.const.CAT_PATH}/{$value[category_id]}">{$value['cat_name']}</a></li>
			<?php } ?>
		</ul>
	</div>
	
	<div id="top">
		<a href="{$siteUrl}"><img id="logo" src="__PUBLIC__/statics/mobile/images/logo.png" /></a>
		
		<a id="nav_btn" href="#"></a>
		
	</div>